<template>
  <div id="app">
    <header class="head">
      <a class="back tl" href="javascript:history.back(-1)">
        <i class="el-icon-arrow-left"></i>
      </a>
      <a href="javascript:;" class="tc">
        <small class="font_18 co_f">完成出租详情</small>
      </a>
    </header>
    <main>
      <section class="detail_status_info">
        <header><span>基本信息</span></header>
        <p><label>租赁资产名称</label><span>{{this.listData.values[0]}}</span></p>
        <p><label>租赁单位</label><span>{{this.listData.values[1]}}</span></p>
        <p><label>租赁类型：</label><span>{{this.listData.values[2]}}</span></p>
        <p><label>详细坐落地点：</label><span>{{this.listData.values[3]}}</span> </p>
        <p><label>租赁面积：</label><span>{{this.listData.values[4]}}</span> </p>
        <p><label>招租方式</label><span>{{this.listData.values[5]}}</span> </p>
        <p><label>承租方 </label><span>{{this.listData.values[6]}}</span> </p>
        <p><label>合同起止日期</label><span>{{this.listData.values[7]}}</span> </p>
        <p><label>月租金总价(元/月)</label><span>{{this.listData.values[8]}}</span> </p>
        <p><label>评估月租金总价</label><span>{{this.listData.values[9]}}</span> </p>
        <p><label>租金递增方式</label><span>{{this.listData.values[10]}}</span> </p>
        <p><label>上次收取时间</label><span>{{this.listData.values[11]}}</span> </p>
      </section>
    </main>
  </div>
</template>

<script>
  import {
    LeaseRecord
  } from '../../../api/api';
  export default {
    data() {
      return {
        listData: {},
      };
    },
    methods: {
      getData() {
        let options = {
          params: {
            unid: this.$route.query.unid
          }
        }
        //调取接口
        LeaseRecord(options).then((res) => {
          this.listData = res.viewEntries[0]
        })
      }
    },
    mounted() {
      this.getData();
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="scss" scoped>
  
</style>
